<template>
  <div class="details-box">
    <md-row class="row-401e8d">
      <md-col :span="24">
        <span
          @click="$bridge.toZipPage(widget_112c36.options.path)"
          class="span-ab88b2"
        >{{queryData.proName}}</span>
      </md-col>
    </md-row>
    <div class="backc">
      <md-row class="row-09016f">
        <md-col :span="24">
          <span
            @click="$bridge.toZipPage(widget_06b494.options.path)"
            class="span-65b9bc"
          >{{widget_06b494.options.content}}</span>
          <span
            @click="$bridge.toZipPage(widget_022d4b.options.path)"
            class="span-279e5f"
          >{{queryData.proAmount}}</span>
        </md-col>
        <md-col :span="24">
          <span
            @click="$bridge.toZipPage(widget_43d480.options.path)"
            class="span-d61fa5"
          >{{widget_43d480.options.content}}</span>
          <span
            @click="$bridge.toZipPage(widget_a9e4b4.options.path)"
            class="span-b686b9"
          >{{queryData.proProfit}}</span>
        </md-col>
      </md-row>
      <md-row class="row-078674">
        <md-col :span="24">
          <span
            @click="$bridge.toZipPage(widget_d1168c.options.path)"
            class="span-ee1dec"
          >{{widget_d1168c.options.content}}</span>
        </md-col>
      </md-row>
      <md-row class="row-078674a0">
        <md-col :span="24" class="row-078674a">
          <md-progress
            :size="100"
            :value="0.2"
            :width="5"
            color="#fff"
          >
            <span class="progress-value">20%</span>
          </md-progress>
        </md-col>
      </md-row>
      <md-row class="row-72b3b9">
        <md-col :span="24">
          <span
            @click="$bridge.toZipPage(widget_7f609c.options.path)"
            class="span-eb2015"
          >{{widget_7f609c.options.content}}</span>
          <span
            @click="$bridge.toZipPage(widget_535741.options.path)"
            class="span-d50919"
          >{{widget_535741.options.content}}</span>
        </md-col>
      </md-row>
    </div>
    <md-row class="row-8cfa3f">
      <md-col :span="6">
        <span
          @click="$bridge.toZipPage(widget_f38f86.options.path)"
          class="span-e82010"
        >{{widget_f38f86.options.content}}</span>
        <span
          @click="$bridge.toZipPage(widget_0519c9.options.path)"
          class="span-5c29c5"
        >{{widget_0519c9.options.content}}</span>
        <span
          @click="$bridge.toZipPage(widget_db251e.options.path)"
          class="span-8a200c"
        >{{widget_db251e.options.content}}</span>
      </md-col>
      <md-col :span="4">
        <span
          @click="$bridge.toZipPage(widget_b54ddc.options.path)"
          class="span-2c8fce"
        >{{widget_b54ddc.options.content}}</span>
        <span
          @click="$bridge.toZipPage(widget_dabf4d.options.path)"
          class="span-56bd30"
        >{{widget_dabf4d.options.content}}</span>
        <span
          @click="$bridge.toZipPage(widget_ba4404.options.path)"
          class="span-650352"
        >{{widget_ba4404.options.content}}</span>
      </md-col>
      <md-col :span="6">
        <span
          @click="$bridge.toZipPage(widget_3c8c7a.options.path)"
          class="span-aa486a"
        >{{widget_3c8c7a.options.content}}</span>
        <span
          @click="$bridge.toZipPage(widget_111c2f.options.path)"
          class="span-f5e915"
        >{{widget_111c2f.options.content}}</span>
      </md-col>
      <md-col :span="9">
        <span
          @click="$bridge.toZipPage(widget_27387c.options.path)"
          class="span-a9a571"
        >{{widget_27387c.options.content}}</span>
        <span
          @click="$bridge.toZipPage(widget_603fd8.options.path)"
          class="span-ccc428"
        >{{widget_603fd8.options.content}}</span>
      </md-col>
    </md-row>
    <md-row class="row-fdd259">
      <md-col :span="24">
        <span
          @click="$bridge.toZipPage(widget_4b5ab8.options.path)"
          class="span-5f160a"
        >{{queryData.pocDesc}}</span>
      </md-col>
    </md-row>
    <md-row class="row-07020b">
      <md-col :span="24">
        <span
          @click="$bridge.toZipPage(widget_c8f694.options.path)"
          class="span-b2c29b"
        >{{widget_c8f694.options.content}}</span>
      </md-col>
    </md-row>
    <md-row class="row-203f8f">
      <md-col :span="24">
        <span
          @click="$bridge.toZipPage(widget_7f9d6c.options.path)"
          class="span-2cee8e"
        >{{widget_7f9d6c.options.content}}</span>
      </md-col>
    </md-row>
    <md-row class="row-46ce8c">
      <md-col :span="24">
        <span
          @click="$bridge.toZipPage(widget_3f7048.options.path)"
          class="span-b118ac"
        >{{widget_3f7048.options.content}}</span>
      </md-col>
    </md-row>
    <md-row class="row-3cf256">
      <md-col :span="24">
        <span
          @click="$bridge.toZipPage(widget_1f4826.options.path)"
          class="span-959eb8"
        >{{widget_1f4826.options.content}}</span>
      </md-col>
    </md-row>
    <md-row class="row-9f200e">
      <md-col :span="24">
        <md-field-item
          :align="'right'"
          :disabled="false"
          :title="'产品协议书及客户权限须知'"
          :brief="''"
          :addon="''"
          :solid="false"
          :arrow="true"
          :content="''"
        ></md-field-item>
        <md-field-item
          :align="'right'"
          :disabled="false"
          :title="'风险揭示书、产品说明书与产品报价单'"
          :brief="''"
          :addon="''"
          :solid="false"
          :arrow="true"
          :content="''"
        ></md-field-item>
        <md-field-item
          :align="'right'"
          :disabled="false"
          :title="'收益率查询'"
          :brief="''"
          :addon="''"
          :solid="false"
          :arrow="true"
          :content="''"
        ></md-field-item>
      </md-col>
    </md-row>
    <md-row class="row-1595ac">
      <md-col :span="8">
        <div class="div-4380fb" @click="$bridge.toZipPage(widget_09c7d3.options.path)">
          <img class="img-b3b646" :src="widget_09c7d3.options.imageUrl" />
          <span class="span-b37952">{{widget_09c7d3.options.content}}</span>
        </div>
      </md-col>
      <md-col :span="24">
        <div class="div-2dda3a">
          <md-button
            :type="'primary'"
            :nativeType="'button'"
            :size="'large'"
            :plain="false"
            :round="false"
            :inline="false"
            :icon="''"
            :icon-svg="false"
            :inactive="false"
            @click.prevent="doFuncOption(widget_9e5387.options.submitFunc)"
            :iconAlign="'left'"
          >{{widget_9e5387.options.defaultValue}}</md-button>
        </div>
      </md-col>
    </md-row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      queryData: {},
      widget_112c36: {
        name: "文本框",
        options: { path: "", content: "易精灵" },
        rules: []
      },
      widget_06b494: {
        name: "文本框",
        options: { path: "", content: "万份收益（元）" },
        rules: []
      },
      widget_022d4b: {
        name: "文本框",
        options: { path: "", content: "0.9901" },
        rules: []
      },
      widget_43d480: {
        name: "文本框",
        options: { path: "", content: "参考年化收益率" },
        rules: []
      },
      widget_a9e4b4: {
        name: "文本框",
        options: { path: "", content: "3.614%" },
        rules: []
      },
      widget_d1168c: {
        name: "文本框",
        options: { path: "", content: "申赎随时 收益日增月结" },
        rules: []
      },
      widget_7f609c: {
        name: "文本框",
        options: {
          path: "",
          content: "销售进度44.98%，可售余额44.013，000，00"
        },
        rules: []
      },
      widget_535741: {
        name: "文本框",
        options: { path: "", content: "实际剩余额度以购买时为准" },
        rules: []
      },
      widget_f38f86: {
        name: "文本框",
        options: { path: "", content: "风险等级" },
        rules: []
      },
      widget_0519c9: {
        name: "文本框",
        options: { path: "", content: "递增金额" },
        rules: []
      },
      widget_db251e: {
        name: "文本框",
        options: { path: "", content: "起售金额" },
        rules: []
      },
      widget_b54ddc: {
        name: "文本框",
        options: { path: "", content: "低风险" },
        rules: []
      },
      widget_dabf4d: {
        name: "文本框",
        options: { path: "", content: "0.1万" },
        rules: []
      },
      widget_ba4404: {
        name: "文本框",
        options: { path: "", content: "1万" },
        rules: []
      },
      widget_3c8c7a: {
        name: "文本框",
        options: { path: "", content: "产品类型" },
        rules: []
      },
      widget_111c2f: {
        name: "文本框",
        options: { path: "", content: "发售对象" },
        rules: []
      },
      widget_27387c: {
        name: "文本框",
        options: { path: "", content: "非保本浮动收益型" },
        rules: []
      },
      widget_603fd8: {
        name: "文本框",
        options: { path: "", content: "大众客户" },
        rules: []
      },
      widget_4b5ab8: {
        name: "文本框",
        options: {
          path: "",
          content:
            "易精灵是上海银行推出的开发式T+0产品，工作日交易时段内开放申购赎回份额立即确认，收益按日计算，每月分配"
        },
        rules: []
      },
      widget_c8f694: {
        name: "文本框",
        options: { path: "", content: "交易规则" },
        rules: []
      },
      widget_7f9d6c: {
        name: "文本框",
        options: {
          path: "",
          content:
            "1、工作日8：00-15：15为交易时间，申购/赎回交易立即份额确认。"
        },
        rules: []
      },
      widget_3f7048: {
        name: "文本框",
        options: {
          path: "",
          content:
            "2.其他时段（除每日系统跑批时段）为非交易时间，可进行预受理申购赎回交易，份额下一个工作日确认。"
        },
        rules: []
      },
      widget_1f4826: {
        name: "文本框",
        options: { path: "", content: "3.每日15日分配收益。" },
        rules: []
      },
      widget_32dd36: {
        name: "显示域",
        options: { defaultValue: "内容", showLabel: false },
        rules: []
      },
      widget_24de30: {
        name: "显示域",
        options: { defaultValue: "内容", showLabel: false },
        rules: []
      },
      widget_5d6d2a: {
        name: "显示域",
        options: { defaultValue: "内容", showLabel: false },
        rules: []
      },
      widget_09c7d3: {
        name: "图片-文本",
        options: {
          path: "",
          imageUrl:
            "http://118.144.87.37:13083/group1/M00/00/39/CgIEq11SiiuAHyqWAAADaPYJ8so671.png",
          content: "关注"
        },
        rules: []
      },
      widget_9e5387: {
        name: "按钮",
        options: {
          defaultValue: "立即购买",
          submitFunc:
            "/app/wiremock/D5419E20385D4A469B1383CF9183B6FD/transferResults.do",
          iconFlag: false
        },
        rules: []
      }
    };
  },
  methods: {},
  mounted () {
    console.log(this.$route.query)
    this.queryData = this.$route.query
  }
};
</script>
<style scoped>
.details-box {
  padding-bottom: 90px;
}
.md-button.primary::after {
  border: 1px solid #06469e;
}
.md-button.primary {
  background-color: #06469e;
}
.span-ab88b2 {
  font-size: 16px;
  display: block;
  height: 44px;
  text-align: left;
  font-weight: normal;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 44px;
}
.row-401e8d {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}

.span-65b9bc {
  font-size: 16px;
  display: block;
  height: 30px;
  text-align: center;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}
.span-279e5f {
  font-size: 28px;
  display: block;
  height: 30px;
  text-align: center;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}
.span-d61fa5 {
  font-size: 16px;
  display: block;
  height: 30px;
  text-align: center;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}
.span-b686b9 {
  font-size: 28px;
  display: block;
  height: 30px;
  text-align: center;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}
.row-09016f {
  color: #fff;
  background-color: #3B5FAE;
  border-radius: 0px;
  padding: 18px 0px;
  margin: 0px;
}

.span-ee1dec {
  font-size: 16px;
  display: block;
  height: 30px;
  text-align: center;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}
.backc {
  background-color: #3B5FAE;
}
.row-078674 {
  color: #fff;
  background-color: #3B5FAE;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}
.row-078674a {
  display: flex;
  justify-content: center;
  color: #fff;
  background-color: #3B5FAE;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}
.row-078674a0 {
  margin: 10px 0;
}

.span-eb2015 {
  font-size: 16px;
  display: block;
  height: 30px;
  text-align: center;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}
.span-d50919 {
  font-size: 14px;
  display: block;
  height: 30px;
  color: #93A6D1;
  text-align: center;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  line-height: 30px;
}
.row-72b3b9 {
  color: #fff;
  background-color: #3B5FAE;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
}

.span-e82010 {
  font-size: 16px;
  display: block;
  height: 30px;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
}
.span-5c29c5 {
  font-size: 16px;
  display: block;
  height: 30px;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
}
.span-8a200c {
  font-size: 16px;
  display: block;
  height: 30px;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
}
.span-2c8fce {
  font-size: 16px;
  display: block;
  height: 30px;
  color: #f5acac;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
}
.span-56bd30 {
  font-size: 16px;
  display: block;
  height: 30px;
  color: #e8adad;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
}
.span-650352 {
  font-size: 16px;
  display: block;
  height: 30px;
  color: #e8adad;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
}
.span-aa486a {
  font-size: 16px;
  display: block;
  height: 30px;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
}
.span-f5e915 {
  font-size: 16px;
  display: block;
  height: 30px;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
}
.span-a9a571 {
  font-size: 16px;
  display: block;
  height: 30px;
  color: #eaa7a7;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
}
.span-ccc428 {
  font-size: 16px;
  display: block;
  height: 30px;
  color: #eaa7a7;
  text-align: center;
  font-weight: normal;
  line-height: 30px;
}
.row-8cfa3f {
  padding: 10px 0;
  border-radius: 0px;
  margin: 0px;
}

.span-5f160a {
  font-size: 14px;
  display: block;
  text-align: left;
  font-weight: normal;
  padding: 5px 15px;
  line-height: 28px;
}
.row-fdd259 {
  margin: 10px 0px 0px 0px;
}

.span-b2c29b {
  font-size: 16px;
  display: block;
  height: 30px;
  text-align: left;
  font-weight: normal;
  line-height: 30px;
}
.row-07020b {
  border-radius: 0px;
  padding: 15px 15px 0;
  margin: 10px 0px 0px 0px;
}

.span-2cee8e {
  font-size: 16px;
  display: block;
  text-align: left;
  font-weight: normal;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 28px;
}
.row-203f8f {
  border-radius: 0px;
  margin: 0px;
}

.span-b118ac {
  font-size: 16px;
  display: block;
  text-align: left;
  font-weight: normal;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 28px;
  margin-top: 5px;
}
.row-46ce8c {
  border-radius: 0px;
  margin: 0px;
}

.span-959eb8 {
  font-size: 16px;
  display: block;
  text-align: left;
  font-weight: normal;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  margin-top: 5px;
  line-height: 28px;
}
.row-3cf256 {
  border-radius: 0px;
  padding: 0px 0px undefined 0px;
  margin: 0px;
}

.row-9f200e {
  border-radius: 0px;
  padding: 0px 10px 0 15px;
  margin: 10px 0px 0px 0px;
}

.div-4380fb {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
  flex-direction: column;
}
.img-b3b646 {
  display: block;
  border: 0px solid #dedede;
  height: 30px;
  width: 30px;
  border-radius: 0px;
}
.span-b37952 {
  display: block;
  padding-left: 0px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}
.div-2dda3a {
  padding:15px;
}
.row-1595ac {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
  border-radius: 0px;
  padding: 0px;
  margin: 0px;
  align-items: center;
}
.details-box >>> .md-field-item-content {
  min-height: 44px;
}
</style>